<style lang="less" scoped>
.login-container {
  width: 100%;
  height: 100%;
  background: url("../images/bg.png") no-repeat center center fixed;
  background-size: 100% 100%;
  position: relative;
  background-color: #f2f2f2;
  // display: flex;
  // justify-content: space-between;
  // background-color: $bg;
  overflow: hidden;
  .login-title {
    width: 540px;
    height: 100%;
    margin: 150px 0 0 100px;
  }
  .login-form {
    position: absolute;
    right: 15%;
    top: 23%;
    // transform: translateY(-50%);
    color: #000;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px 20px 20px 20px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 42px 0;
    .title-container {
      position: relative;
      margin-bottom: 40px;
      .title {
        font-size: 26px;
        width: 100%;
        // color: $light_gray;
        // margin: 0px auto 40px auto;
        text-align: center;
        font-size: 19px;
        line-height: 50px;
        // padding: 10px 15px;
        // padding-top: 0px;
        height: 50px;
        border-color: #e6e6e6;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 40px;
        color: #007fe1;
      }
      .set-language {
        // color: #fff;
        color: #000;
        position: absolute;
        top: 3px;
        font-size: 18px;
        right: 0px;
        cursor: pointer;
      }
      .svg-container {
        padding: 6px 5px 6px 15px;
        color: #000;
        // color: $dark_gray;
        vertical-align: middle;
        width: 30px;
        display: inline-block;
      }
    }
  }
  #footer {
    height: 44px;
    max-height: 44px;
    background-color: transparent;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
  }
  .userInfo {
  }
  .marginLR {
    padding: 20px 30px;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  .login-bg {
    position: absolute;
    width: 90%;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    height: 50%;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
<template>
  <div class="login-container">
    <div
      style="
        display: flex;
        justify-content: end;
        align-items: center;
        margin: 40px 40px 0 0;
      "
    >
      <img style="width: 200px; height: 60px" src="../images/logo.png" />
      <span v-if="!isCollapse" style="color: #fff; margin: 0 20px; font-size: 50px">|</span>
      <h4 v-if="!isCollapse">
        <span style="font-size: 30px; color: #fff"
          >心智医联远程超声报告服务平台</span
        >
      </h4>
      <!-- <span style="font-size: 16px; color: #fff;">面向医院的分类查看、审核、上报服务平台</span> -->
    </div>
    <!-- <div class="login-bg">
      <img src="@/images/card.png" alt="" />
    </div> -->
    <el-form
      ref="loginForm"
      :model="loginForm"
      :rules="loginRules"
      class="login-form"
      autocomplete="on"
      label-position="left"
      :style="{
        width: isCollapse ? '300px' : '420px',
      }"
    >
      <div class="title-container">
        <div
          class="title"
          :style="{ marginTop: isCollapse ? '10px' : '40px' }"
        >
          <span>欢迎登录平台</span>
        </div>
      </div>

      <el-form-item prop="username" class="userInfo marginLR">
        <el-input
          ref="username"
          v-model="loginForm.username"
          size="large"
          placeholder="请输入用户名"
          :style="{ width: isCollapse ? '200px' : '' }"
        >
          <template #prefix>
            <el-icon class="el-input__icon"><User /></el-icon>
          </template>
        </el-input>
      </el-form-item>

      <el-form-item prop="password" class="userInfo marginLR">
        <el-input
          size="large"
          v-model="loginForm.password"
          show-password
          :type="passwordType"
          placeholder="请输入密码"
          @keyup.enter="handleLogin"
          :style="{ width: isCollapse ? '200px' : '' }"
        >
          <template #prefix>
            <el-icon class="el-input__icon"><Lock /></el-icon>
          </template>
        </el-input>
      </el-form-item>
      <el-form-item style="padding: 0 30px; box-sizing: border-box">
        <el-checkbox v-model="isAgree" size="large">
          我已阅读并同意 </el-checkbox
        ><span style="color: #1890ff; cursor: pointer" @click="openView"
          >《服务协议》</span
        >
      </el-form-item>
      <!-- <el-checkbox v-model="oRemember" class="marginLR">记住密码</el-checkbox> -->
      <el-button
        :loading="loading"
        type="primary"
        size="large"
        style="
          width: 80%;
          margin: 0 auto;
          margin-bottom: 30px;
          display: block;
          background-color: #1890ff;
          border-radius: 5px;
        "
        @click.prevent="handleLogin"
      >
        登录
      </el-button>
      <p
        style="
          width: 80%;
          margin: 0 auto;
          margin-bottom: 30px;
          display: block;
          text-align: center;
        "
      >
        版本号： {{ versionNum }}
      </p>
    </el-form>
    <div id="footer" :style="{ fontSize: isCollapse ? '12px' : '14px' }">
      技术支持：心智医联（北京）科技有限公司
      <span :style="{ marginLeft: isCollapse ? '10px' : '100px' }"
        >联系方式：010-8418 5810</span
      >
    </div>
    <el-dialog
      v-model="serviceContractVisible"
      width="1000px"
      title="服务协议"
      :close-on-press-escape="false"
      :close-on-click-modal="false"
    >
      <div style="height: 600px; overflow: auto">
        <p style="text-align: center; font-size: 20px; font-weight: 600">
          远程超声报告服务协议
        </p>
        <p style="text-align: center">（2024年01月29日）</p>
        <p>感谢您使用远程超声报告服务平台（以下简称“平台”）。</p>
        <p></p>
        <p>一、总则</p>
        <p></p>
        <p>
          1、远程超声报告服务平台作为数据管理平台为您提供相关服务。为确保您能正常地使用远程超声报告服务平台的服务，你应当阅读并遵守《远程超声报告服务协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容，特别是免除或限制责任的相应条款，以及开通或使用某项服务的单独协议，并选择接受或不接受。
        </p>
        <p></p>
        <p>
          2、除非你已阅读并接受本协议所有条款，否则你无权使用远程超声报告服务平台的服务（以下简称“本服务”）。你对本服务的登录、查看、发布信息等行为即视为你已阅读并同意本协议的约束，包括接受更新后的本协议条款。当您与本网站发生争议时，应以最新的服务协议为准。
        </p>
        <p></p>
        <p>
          3、远程超声报告服务平台为您提供超声影像数据的审核、质控、统计服务，为充分保护您对于远程超声报告服务平台提供的各项服务的知情权，远程超声报告服务平台就其提供的各项服务的相关性、有效性以及限制性提供以下服务条款。远程超声报告服务平台在此特别提醒您，在您使用注册前已确实仔细阅读了本用户服务协议（以下简称“本协议”)，如果您对本协议的任何条款或者将来随时可能修改、补充的条款有异议，您可选择不注册成为远程超声报告服务平台的用户。
        </p>
        <p></p>
        <p>
          4、您在进行登录过程中，根据文字、声音或图形提示可以选择表示“同意”的操作，当您点选“同意”按钮时即视为您已仔细阅读本协议，同意接受本协议项下的所有条款，包括接受远程超声报告服务平台对本协议条款随时所做的任何修改，并愿意受其约束。
        </p>
        <p></p>
        <p>
          5、您在远程超声报告服务平台按提醒进行任一操作：登录、数据查看、文件下载、操作审核等，即代表您已经同意本协议。
        </p>
        <p></p>
        <p>
          6、本协议与《免责条款》具备同等的法律效力。本协议的条款适用于远程超声报告服务平台提供的各种服务，但当您使用远程超声报告服务平台某一特定服务时，如该服务另有单独的服务条款、指引或规则，您应遵守本协议及远程超声报告服务平台随时公布的与该服务相关的服务条款、指引或规则等。前述所有的指引和规则，均构成本协议的一部分。除非本协议另有其他明示规定，新推出的产品或服务、增加或强化目前本服务的任何新功能，均受到本协议之规范。
        </p>
        <p></p>
        <p>二、服务简介</p>
        <p></p>
        <p>
          “本服务”仅向能够根据相关法律订立具有法律约束力的合约的个人提供。因此，您的年龄必须在十八周岁或以上，才可使用本服务。如不符合本项条件，请勿使用“本服务”。远程超声报告服务平台可随时自行全权决定拒绝向任何人士提供“服务”。“服务”不会提供给被暂时或永久终止资格的用户。
        </p>
        <p></p>
        <p>
          远程超声报告服务平台运营方运用自己的后台系统通过国际互联网为您提供远程超声报告服务平台的网络服务，并承担本协议和其它服务协议中对您的责任和义务。为使用本服务，您必须能够自行通过有法律资格的第三方对您提供互联网接入服务，并自行承担以下内容：
        </p>
        <p></p>
        <p>1、自行配备上网所需的设备，包括电脑、手机及其它必要的设备装置。</p>
        <p></p>
        <p>2、自行承担上网所需的相关必要费用．如：网络费用。</p>
        <p></p>
        <p>3、本协议中规定的您的其他责任和义务。</p>
        <p></p>
        <p>
          您应保证：提供详尽、真实、准确和完整的个人资料。如果资料发生变动，您应及时更改。若您提供任何错误、不实、过时或不完整的资料，并为远程超声报告服务平台所确知；或者远程超声报告服务平台有合理理由怀疑前述资有错误、不实、过时或不完整的资料，远程超声报告服务平台有权暂停或终止您的账号，并拒绝现在或将来使用本服务的全部或一部分。在此情况下，您可通过远程超声报告服务平台的申诉途径与远程超声报告服务平台取得联系并修正个人资料经远程超声报告服务平台核实后恢复账号使用。
        </p>
        <p></p>
        <p>三、服务暂停、变更与中止条款</p>
        <p></p>
        <p>
          1、鉴于移动互联网服务的特殊性，远程超声报告服务平台有权随时变更、中断或终止部分或全部的服务。如变更、中断或终止的服务属于免费服务，远程超声报告服务平台无需通知您，也无需对任何您或任何第三方承担任何责任。
        </p>
        <p></p>
        <p>
          2、您理解，远程超声报告服务平台需要定期或不定期地对提供本服务的平台或相关的设备进行检修或者维护，如因此类情况而造成本服务在处理时间内的中断，远程超声报告服务平台无需为此承担任何责任，但远程超声报告服务平台会尽可能事先进行通告。
        </p>
        <p></p>
        <p>
          3、如发生下列任何一种情形．远程超声报告服务平台有权随时中断或终止向您提供本协议项下的服务而无需对您或任何第三方承担任何责任：
        </p>
        <p></p>
        <p>（1）您提供的个人资料不真实；</p>
        <p></p>
        <p>（2）您违反本协议中的规定；</p>
        <p></p>
        <p>（3）您违反远程超声报告服务平台发布的政策；</p>
        <p></p>
        <p>（4）远程超声报告服务平台认为其它不适宜的地方。</p>
        <p></p>
        <p>四、您的账号、密码和安全性</p>
        <p></p>
        <p>
          您一旦注册成功，成为远程超声报告服务平台的合法用户，将得到一个您的账号和密码。您的账号和密码由您负责保管。您都要对任何以您账号进行的所有活动和事件负全责，且您有权随时与运营方提出更改您密码的要求。若发现任何非法使用您的账号或存在安全漏洞的情况，请立即通知远程超声报告服务平台。因黑客行为或您的保管疏忽等情况导致账号、密码遭他人非法使用，远程超声报告服务平台不承担责任。为向您提供本服务，您同意并授权远程超声报告服务平台将您在注册、使用本服务过程中提供、形成的信息传递给为您提供您所要求的产品和服务、而必须和第三方分享您的个人信息，向您提供其他服务的第三方，或从提供其他服务的第三方获取您在注册、使用其他服务期间提供、形成的信息。远程超声报告服务平台将根据法律法规的要求，履行其作为移动互联网信息服务提供者应当履行的义务。
        </p>
        <p></p>
        <p>五、隐私保护</p>
        <p></p>
        <p>
          1、保护您隐私是远程超声报告服务平台的一项基本政策，远程超声报告服务平台保证不对外公开或向第三方提供您的注册资料及您在使用本服务时存储在远程超声报告服务平台的非公开内容，但下列情况除外：
        </p>
        <p></p>
        <p>（1）事先获得您的明确授权；</p>
        <p></p>
        <p>（2）您选择公开或授权第三方使用；</p>
        <p></p>
        <p>（3）根据有关的法律法规要求；</p>
        <p></p>
        <p>（4）按照相关政府主管部门的要求；</p>
        <p></p>
        <p>（5）为维护社会公众的利益；</p>
        <p></p>
        <p>（6）为维护远程超声报告服务平台的合法权益。</p>
        <p></p>
        <p>
          2、远程超声报告服务平台可能会与第三方合作向您提供相关的网络服务，在此情况下，您同意并授权远程超声报告服务平台将您的注册资料等提供给该第三方。
        </p>
        <p></p>
        <p>
          3、在不透露您个人隐私资料的前提下，您同意远程超声报告服务平台对您在本平台所有相关数据库信息进行分析并对您在本平台的相关数据库信息进行商业上的利用，包括出售您在本平台的数据库中的分析数据信息。
        </p>
        <p></p>
        <p>六、协议修改</p>
        <p></p>
        <p>
          远程超声报告服务平台有权在必要时修改本协议条款，协议条款一旦发生变动，届时将在您界面提示修改内容，该提示行为视为远程超声报告服务平台已经通知您修改内容，如果您不同意所作的修改，可以主动取消获得的网络服务，进行注销。如果您继续接受远程超声报告服务平台提供的服务，则被视为接受协议变动。当发生有关争议时，以最新的注册协议为准。
        </p>
        <p></p>
        <p>七、特别授权</p>
        <p></p>
        <p>您完全理解并不可撤销地授予远程超声报告服务平台下列权利：</p>
        <p></p>
        <p>
          1、一旦您向远程超声报告服务平台做出任何形式的承诺，且相关机构已确认您违反了该承诺，则远程超声报告服务平台有权立即按您的承诺或协议约定的方式对您的账户采取限制措施，包括中止或终止向您提供服务，并公示相关机构确认的您的违约情况。您了解并同意，远程超声报告服务平台无须就相关违约事项与您核对事实，或另行征得您的同意，且远程超声报告服务平台无须就此限制措施或公示行为向您或任何第三方承担任何的责任。
        </p>
        <p></p>
        <p>
          2、一旦您违反本协议、或与远程超声报告服务平台签订其他协议的约定，远程超声报告服务平台有权以任何方式通知本服务或其他相关远程超声报告服务平台要求其对您的权益采取限制措施，包括但不限于要求中止、终止对您提供的部分或全部服务，且在其经营或实际控制的网站公示您的违约情况。
        </p>
        <p></p>
        <p>
          3、您授权远程超声报告服务平台通过您注册、使用本服务过程中形成的信息通过短信、邮件、电话或其他形式向您传送远程超声报告服务平台提供的服务。您同意接受远程超声报告服务平台通过短信、邮件、电话或其他形式向您发送活动、服务或其他相关商业信息。如果您不需要远程超声报告服务平台提供的部分或全部服务的活动、服务或其他相关商业信息的服务，在您向远程超声报告服务平台客服提出申请后予以中止、终止对您提供的该部分或全部服务。
        </p>
        <p></p>
        <p>八、担保条款</p>
        <p></p>
        <p>
          1、您对移动网络服务的使用承担风险，以及其因为使用移动网络服务而产生的一切后果。远程超声报告服务平台对此不作任何类型的担保，不论是明确的或隐含的，但是不对商业性的隐含担保、特定目的和不违反规定的适当担保作限制。
        </p>
        <p></p>
        <p>
          2、远程超声报告服务平台不担保服务一定能完全满足您的要求，也不担保各项服务不会受网络、通信等原因而中断，对服务的及时性、安全性、错误程序的发生都不作担保。
        </p>
        <p></p>
        <p>九、免责条款</p>
        <p></p>
        <p>
          远程超声报告服务平台对您使用网络服务而受到的任何直接、间接、偶然、特殊及继起的损害（远程超声报告服务平台违反法律、法规和本协议的条款除外）不负责任，这些损害可能来自：不正当使用网络服务，非法使用网络服务或您传送的信息有所变动，数据分析有误等。这些行为都有可能会导致远程超声报告服务平台的形象受损，所以远程超声报告服务平台事先提出这种损害的可能性。因发生如火灾、水灾、暴动、骚乱、战争、自然灾害等不可抗拒事故，远程超声报告服务平台所不能控制的事件而影响远程超声报告服务平台提供服务，用户无须承担任何责任。
        </p>
        <p></p>
        <p>
          远程超声报告服务平台所有信息仅供参考，不做个别诊断、用药和使用的根据。远程超声报告服务平台作为数据管理平台致力于尽量提供正确、完整的数据分析信息，但不保证信息的绝对正确性和完整性，且不对因信息的不正确或遗漏导致的任何损失或损害承担贵任。远程超声报告服务平台所展现的任何医药资讯，仅供参考，不能替代医生和其他医务人员的建议。
        </p>
        <p></p>
        <p>十、对您信息的存储和限制</p>
        <p></p>
        <p>
          远程超声报告服务平台不对您所发布信息的删除或储存失败负责。远程超声报告服务平台积极采用数据备份加密等措施保障您数据的安全，但不对由于因意外因素导致的数据损失和泄漏负责。远程超声报告服务平台有权审查和监督您的行为是否符合本协议、免责条款的要求，如果您违背了本协议和免责条款的规定，则远程超声报告服务平台有权中断您的服务。
        </p>
        <p></p>
        <p>十一、用户管理</p>
        <p></p>
        <p>
          1、您在进行注册过程中，您的用户名注册与使用应符合网络道德规范，遵守中华人民共和国的相关法律法规。您的用户名中不能含有威胁、淫秽、谩骂、非法、侵害他人正当权益等有争议性的文字。您在远程超声报告服务平台上的言论不得违法、不得违反公序良俗、不得使用攻击性语言恶意中伤他人，或做出虚假性陈述。您保证您在远程超声报告服务平台上提供的信息的真实性、合法性和有效性。您单独承担在远程超声报告服务平台上发布内容的一切相关责任。您使用或提供的服务应遵守所有适用于远程超声报告服务平台的地方法律、国家法律和国际法律标准。
        </p>
        <p></p>
        <p>2、您使用本服务不作其他非法用途。</p>
        <p></p>
        <p>
          3、您不得干扰或扰乱本服务。不得盗用他人账号，并对由此行为造成的后果自负。
        </p>
        <p></p>
        <p>
          4、您应遵守所有使用本服务的各项协议、规定、程序和惯例。您须承诺不传输任何非法的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的，淫秽等信息资料。另外，您也不能传输任何教唆他人构成犯罪行为的资料；不能传输助长国内不利条件和涉及国家安全的资料；不能传输任何不符合当地法规、国家法律和国际法律的资料。未经许可而非法进入其它电脑系统是禁止的。
        </p>
        <p></p>
        <p>
          5、您不得发布任何不基于事实、虚构、编造及无亲身经历的信息；不得发布涉及政治、性别、种族歧视或攻击他人的文字、图片、视频或语言等信息；不得发布医托、广告性质的内容；不得有其它涉及违反当地法规、国家法律的行为。
        </p>
        <p></p>
        <p>
          6、若您的行为不符合本协议的规定，远程超声报告服务平台有权做出独立判断，并立即停止向您的账号提供服务。您需对自己在网上的行为承担法律责任。您若在远程超声报告服务平台上散布和传播反动、色情或其他违反国家法律的信息，远程超声报告服务平台的系统记录有可能作为您违反法律的证据。
        </p>
        <p></p>
        <p>
          7、您的授权行为：对远程超声报告服务平台而言，您的账号和密码是唯一验证您真实性的依据，只要使用了正确的账号和密码，无论是谁登录，均视为已经得到您本人的授权。
        </p>
        <p></p>
        <p>十二、保障</p>
        <p></p>
        <p>
          您同意保障和维护远程超声报告服务平台的利益，如果因为您违反有关法律、法规或本协议的任何规定而给远程超声报告服务平台、或任何其他第三方造成任何损失，您统一承担由此产生的损害赔偿责任，其中包括远程超声报告服务平台为此而支付的律师费用。
        </p>
        <p></p>
        <p>十三、结束服务</p>
        <p></p>
        <p>
          您或远程超声报告服务平台可随时根据用户管理的规范（参见本协议的第十一条）和实际情况中断一项或多项本服务，远程超声报告服务平台无需对您或任何其他第三方负责。您对本协议的修改有异议，或对远程超声报告服务平台的服务不满，可以行使如下权利。
        </p>
        <p></p>
        <p>1、停止使用远程超声报告服务平台提供的服务。</p>
        <p></p>
        <p>
          2、通告远程超声报告服务平台停止对您账号的服务。结束您的服务后，您使用本服务的权利马上终止，远程超声报告服务平台将不对您承担任何义务和责任。
        </p>
        <p></p>
        <p>十四、通告</p>
        <p></p>
        <p>
          1、本协议项下所有的通知均可通过重要页面公告、电子邮件或常规的信件传递等方式进行：该等通知于发送之日视为已送达。
        </p>
        <p></p>
        <p>
          2、您对于远程超声报告服务平台的通知应当通过远程超声报告服务平台对外正式公布的通信地址、电子邮件地址等联系信息进行邮寄书面送达。
        </p>
        <p></p>
        <p>十五、外部链接内容说明</p>
        <p></p>
        <p>
          远程超声报告服务平台上为您的便利而提供的外部链接，包括但不限于任何广告内容链接，以及该链接所指向网页之所有内容，均系该网页所属第三方的所有者制作和提供（以下简称“第三方网页”）。第三方网页并非也不反映远程超声报告服务平台任何意见和主张，也不表示远程超声报告服务平台同意或支持该第三方网页上的任何内容、主张或立场。远程超声报告服务平台对第三方网页中内容之合法性、准确性、真实性、适用性、安全性和完整性等概不承担任何责任。任何单位或个人如需要第三方网页中内容（包括资讯、资料、消息、产品或服务介绍、报价等），并根据此进行交易或其他行为前，应慎重辨别这些内容的合法性、准确性、真实性、适用性、完整性和安全性（包括下载第三方网页中内容是否会感染电脑病毒），并采取谨慎的预防措施。如您不确定这些内容是否合法、准确、真实、实用、完整和安全，建议您先咨询专业人士。任何单位或者个人因相信、使用第三方网页中信息、服务、产品等内容，或据此进行交易等行为，而引致的人身伤亡、财产毁损（包括因下载而感染电脑病毒）、名誉或商誉诽谤、版权或知识产权等权利的侵犯等事件，及因这些事件所造成的损害后果，远程超声报告服务平台概不承担任何法律责任。无论何种原因，远程超声报告服务平台不对任何非与远程超声报告服务平台直接发生的交易和行为承担任何直接、间接、附带或衍生的损失和责任。
        </p>
        <p></p>
        <p>十六、网络服务的内容所有权</p>
        <p></p>
        <p>
          远程超声报告服务平台提供网络服务的内容包括：文字、软件、声音、照片、视频、录像、图表、网页、广告中的全部内容；电子邮件中的全部内容；远程超声报告服务平台为您提供的其它信息。所有这些信息均受版权、商标、标签和其他财产所有权法律的保护。未经平台运营方同意，上述资料均不得在任何媒体直接或间接发布、播放、出于播放或发布目的而改写或再发行，或者被用于其他任何商业目的。所有这些数据、资料或资料的任何部分仅可作为私人和非商业用途而保存在存储介质内。远程超声报告服务平台的所有内容版权、数据等全部归平台运营方所有，任何人需要转载远程超声报告服务平台的内容，必须远程超声报告服务平台的平台运营方明确授权。
        </p>
        <p></p>
        <p>十七、用户免责条约</p>
        <p></p>
        <p>
          1、本协议是远程超声报告服务使用者（以下简称“您”）与远程超声报告服务平台之间关于您使用本平台服务所订立的协议。请您务必仔细阅读，充分理解条约各项内容，特别是有关责任限制或免责条款。
        </p>
        <p></p>
        <p>
          2、您在使用本平台进行在线数据分析、质控、审核时，应确定在同意《远程超声报告服务平台服务协议》基础上并同意此免责条约。您在远程超声报告服务平台对数据的操作，即代表您已经同意本协议，且完全认可、接受远程超声报告服务平台的统一管理。
        </p>
        <p></p>
        <p>
          3、远程超声报告服务平台主要以数据管理、质控为主，不承担任何诊疗行为。用户发现有有诊疗需求数据，可建议该数据上传方为其进行详细诊疗或到合格的医疗机构就诊。
        </p>
        <p></p>
        <p>
          5、您应妥善保管好自己的注册用户名和密码，您的注册用户名和密码一旦登录远程超声报告服务平台，即认为由您本人操作使用，所产生的法律效果和风险由您承担。
        </p>
        <p></p>
        <p>
          6、本免责条约为《远程超声报告服务平台服务协议》基础上的附加条约。本免责条约任何约定条款如与中华人民共和国法律相抵触，则该条款将按照法律规定予以解释，而其它条款仍然具有法律效力。远程超声报告服务平台保留必要时随时修改上述免责及其他条款的权利，您可以在免责条约中查阅最新修改条款，如您继续以任何方式登录使用远程超声报告服务平台时，视为自愿接受远程超声报告服务平台的在线咨询免责条款的约束。
        </p>
        <p></p>
        <p>十八、法律</p>
        <p></p>
        <p>
          1、本协议之效力、解释、执行和争议的解决均适用中华人民共和国之法律。如本协议之任何一部分与中华人民共和国法律相抵触，则该部分条款应按有关法律规定重新解释，部分条款之无效或重新解释不影响其它条款之法律效力。
        </p>
        <p></p>
        <p>
          2、您和远程超声报告服务平台运营方一致同意凡因本协议所产生的纠纷双方应协商解决，协商不成，任何一方可提交远程超声报告服务平台所有人所在地法院诉讼裁决。
        </p>
        <p></p>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import md5 from "js-md5";
import Cookies from "js-cookie";
import base from "@/utils/config/base";
import { ElMessage } from "element-plus";
export default {
  // name: 'Login',
  // components: { LangSelect, SocialSign },
  data() {
    const validateUsername = (rule, value, callback) => {
      /* if (!validUsername(value)) {
        callback(new Error('Please enter the correct user name'))
      }  */ if (value === "") {
        callback(new Error("请输入正确的用户名"));
      } else {
        callback();
      }
    };
    const validatePassword = (rule, value, callback) => {
      if (value.length < 6) {
        callback(new Error("密码不能少于6位"));
      } else {
        callback();
      }
    };
    return {
      screenWidth: null,
      isCollapse: false,
      isAgree: false,
      serviceContractVisible: false,
      versionNum: "1.0.000", // 项目版本号
      loginForm: {
        username: "",
        password: "",
        md5Psd: "",
      },
      loginRules: {
        username: [
          { required: true, trigger: "blur", validator: validateUsername },
        ],
        password: [
          { required: true, trigger: "blur", validator: validatePassword },
        ],
      },
      passwordType: "password",
      capsTooltip: false,
      loading: false,
      showDialog: false,
      redirect: undefined,
      otherQuery: {},
      oRemember: false,
    };
  },
  watch: {
    $route: {
      handler: function (route) {
        // console.log(route)
        const query = route.query;
        if (query) {
          this.redirect = query.redirect;
          this.otherQuery = this.getOtherQuery(query);
          // console.log(this.otherQuery)
        }
      },
      immediate: true,
    },
    screenWidth: {
      handler: function (val) {
        if (val <= 750) {
          this.isCollapse = true;
        } else {
          this.isCollapse = false;
        }
      },
      immediate: true,
      deep: true,
    },
  },
  created() {
    this.screenWidth = document.body.clientWidth;
    this.versionNum = base.version;
    window.onresize = () => {
      return (() => {
        this.screenWidth = document.body.clientWidth;
      })();
    };
  },

  mounted() {
    console.log(this.$route.query, "params");
    let rname = "";
    let upwd = "";
    if (this.$route.query) {
      rname = this.$route.query.rname ? this.$route.query.rname : "";
      upwd = this.$route.query.upwd ? this.$route.query.upwd : "";
    }
    if (rname && upwd) {
      this.$store
        .dispatch("user/login", {
          username: rname,
          md5Psd: upwd,
        })
        .then((res) => {
          console.log(res, "res");
          this.$router.push({
            path: this.$store.getters.defaluthas,
            query: this.otherQuery,
          });
          // if (!this.$store.getters.role || this.$store.getters.role == '0') {
          //   this.$router.push({
          //     path: this.redirect || '/reportList/echocardiography/echCardiovascularProgramPoint',
          //     query: this.otherQuery
          //   })
          // } else if (this.$store.getters.role && this.$store.getters.role == '1') {
          //   this.$router.push({
          //     path: this.redirect || '/reportList/carotidArtery/carCardiovascularProgramInside',
          //     query: this.otherQuery
          //   })
          // } else if (this.$store.getters.role && this.$store.getters.role == '10') {
          //   this.$router.push({
          //     path: this.redirect || '/reportReview/carotidArtery',
          //     query: this.otherQuery
          //   })
          // } else if (this.$store.getters.role && this.$store.getters.role == '11') {
          //   this.$router.push({
          //     path: this.redirect || '/reportList/echocardiography/echCardiovascularProgramPoint',
          //     query: this.otherQuery
          //   })
          // } else if (this.$store.getters.role && this.$store.getters.role == '12') {
          //   this.$router.push({
          //     path: this.redirect || '/sessionInfo/huiyiProject',
          //     query: this.otherQuery
          //   })
          // }
          this.loading = false;
        })
        .catch((err) => {
          this.$message.error(err);
          // if (err.response.data.code.toString() === '400') {
          //   this.$message.error('用户名或密码错误')
          // } else if (err.response.data.code.toString() === '401') {
          //   this.$message.error('用户不存在')
          // } else if (err.response.data.code.toString() === '403') {
          //   this.$message.error('验证失败')
          // } else {
          //   this.$message.error('服务器异常  ' + err.response.data.error_description)
          // }
          this.loading = false;
        });
    }
  },
  methods: {
    openView() {
      this.serviceContractVisible = true;
    },
    handleLogin() {
      this.$refs.loginForm.validate((valid) => {
        if (valid) {
          if (this.isAgree) {
            this.loading = true;
            this.loginForm.md5Psd = md5(this.loginForm.password);
            /* *******************记住密码，7天有效期 ***************** */
            if (this.oRemember) {
              Cookies.set("username", this.loginForm.username, { expires: 7 });
              Cookies.set("password", this.loginForm.password, { expires: 7 });
            } else {
              Cookies.remove("username");
              Cookies.remove("password");
            }
            /* **************** */
            console.log(this.otherQuery, "点击了登录");
            this.$store
              .dispatch("user/login", this.loginForm)
              .then((res) => {
                this.$router.push({
                  path: this.$store.getters.defaluthas,
                  query: this.otherQuery,
                });
                // if (!this.$store.getters.role || this.$store.getters.role == '0') {
                //   this.$router.push({
                //     path: this.redirect || '/reportList/echocardiography/echCardiovascularProgramPoint',
                //     query: this.otherQuery
                //   })
                // } else if (this.$store.getters.role && this.$store.getters.role == '1') {
                //   this.$router.push({
                //     path: this.redirect || '/reportList/echocardiography/echCardiovascularProgramInside',
                //     query: this.otherQuery
                //   })
                // } else if (this.$store.getters.role && this.$store.getters.role == '10') {
                //   this.$router.push({
                //     path: this.redirect || '/reportReview/carotidArtery',
                //     query: this.otherQuery
                //   })
                // } else if (this.$store.getters.role && this.$store.getters.role == '11') {
                //   this.$router.push({
                //     path: this.redirect || '/reportList/echocardiography/echCardiovascularProgramInside',
                //     query: this.otherQuery
                //   })
                // } else if (this.$store.getters.role && this.$store.getters.role == '12') {
                //   this.$router.push({
                //     path: this.redirect || '/reportList/otherProject/hyPoint',
                //     query: this.otherQuery
                //   })
                // } else if (this.$store.getters.role && this.$store.getters.role == '13') {
                //   this.$router.push({
                //     path: this.redirect || '/reportList/otherProject/hyPoint',
                //     query: this.otherQuery
                //   })
                // } else if (this.$store.getters.role && this.$store.getters.role == '14') {
                //   this.$router.push({
                //     path: this.redirect || '/reportList/otherProject/gyPoint',
                //     query: this.otherQuery
                //   })
                // }

                this.loading = false;
              })
              .catch((err) => {
                this.$message.error(err);
                // if (err.response.data.code.toString() === '400') {
                //   this.$message.error('用户名或密码错误')
                // } else if (err.response.data.code.toString() === '401') {
                //   this.$message.error('用户不存在')
                // } else if (err.response.data.code.toString() === '403') {
                //   this.$message.error('验证失败')
                // } else {
                //   this.$message.error('服务器异常  ' + err.response.data.error_description)
                // }
                this.loading = false;
              });
          } else {
            ElMessage({
              message: "请阅读并同意授权书",
              type: "warning",
            });
          }
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },
    getOtherQuery(query) {
      // console.log(Object.keys(query))
      return Object.keys(query).reduce((acc, cur) => {
        if (cur !== "redirect") {
          acc[cur] = query[cur];
        }
        return acc;
      }, {});
    },
  },
};
</script>
